<template>
  <div>
    <p v-color="color">{{ msg | formatTime }}</p>
    <son />

    <panel />
  </div>
</template>

<script>

import son from './components/son'
// import panel from './components/panel'
export default {

  components: {
    son,
    // panel 
  },
  data() {
    return {
      msg: 'hello',
      color: 'red'
    };
  },

  // filters: {
  //   formatTime () {

  //     return '2022-03-30'
  //   }
  // },

  // directives: {

  //   color (el, obj) {

  //     el.style.color = obj.value
  //   }
  // }
}
</script>

<style>

</style>